v1.0 — Mars 2026
Charte Graphique Tresorus
Kit de communication complet — partenaires B2B, réseaux sociaux et supports print
1 Identité de marque
Positionnement
Tresorus — Chasse au trésor immersive pour découvrir le patrimoine local en famille.
Tagline : "Chasse au trésor immersive"
Description : Application gratuite de chasse au trésor géolocalisée en famille. Découvrez le patrimoine local avec des videos immersives et des énigmes. Dès 5 ans.
Univers visuel
Le sweet spot esthétique est le "Livre d'aventure illustré" : suffisamment sophistiqué pour les parents, suffisamment magique pour les enfants.
CE QU'ON VEUT
- Illustrations stylisees (Pixar)
- Mystère et découverte
- Magie subtile
- Chaleur et authenticite
CE QU'ON EVITE
- Trop cartoon/enfantin
- Trop serieux/historique
- Gamification agressive
- Dark patterns
Personnalité de marque
| Trait | Description |
|---|---|
| Exploratrice | On invite a la découverte, pas a la consommation passive |
| Pédagogique | On apprend en s'amusant, le patrimoine est le vrai trésor |
| Locale | Chaque quête est ancrée dans un territoire, son histoire, ses légendes |
| Familiale | Parents et enfants vivent l'aventure ensemble |
| Magique | L'ordinaire devient extraordinaire |
Ton de voix
- Aventurier mais accessible — on parle comme un guide passionné
- Enthousiaste sans exagérer — la magie vient des lieux
- Inclusif — on s'adresse aux enfants ET aux parents
- Local et authentique — on nomme les lieux, on raconte leur histoire
Logo
Couleur de fond splash : #1B4332
Zone d'exclusion : minimum 1x la hauteur du logo sur chaque cote.
Taille minimale : 120px (digital), 30mm (print).
USAGES CORRECTS
- Sur fond clair (cream/blanc)
- Sur fond sombre (forest/dark)
- Respecter les proportions
USAGES INTERDITS
- Deformer ou pivoter
- Changer les couleurs
- Ajouter des effets (ombre, glow)
- Placer sur fond charge
2 Palette de couleurs
Cliquez sur une couleur pour copier son code hexadecimal.
Primaires — Forêt / Nature
Copie !
Forêt profond
#1B4332
27, 67, 50
Copie !
Forêt sage
#2D6A4F
45, 106, 79
Copie !
Menthe
#40916C
64, 145, 108
Copie !
Menthe clair
#52B788
82, 183, 136
Accents — Or / Trésor
Copie !
Or trésor
#D4A373
212, 163, 115
Copie !
Cuivre
#DDA15E
221, 161, 94
Copie !
Bronze
#BC6C25
188, 108, 37
Neutres — Parchemin
Copie !
Fond app
#FAFAF5
250, 250, 245
Copie !
Crème
#F5F5DC
245, 245, 220
Copie !
Sable
#E9E5D6
233, 229, 214
Copie !
Gris texte
#6B7280
107, 114, 128
Copie !
Sombre
#1F2937
31, 41, 55
Semantiques
Copie !
Succès
#10B981
Copie !
Erreur
#EF4444
Copie !
Attention
#F59E0B
Copie !
Info
#3B82F6
Speciales
Copie !
Bleu nuit
#1E3A5F
Mystère, magie
Copie !
Rubis
#9B2335
Victoire, célébration
Badges — Difficulte
Facile
Moyen
Difficile
Badges — Rarete
Commun
Rare
Épique
Légendaire
Contrastes WCAG AA
Forêt sur Parchemin
9.2:1
AAA
Or sur Foret
4.8:1
AA
Gris sur Parchemin
5.1:1
AA
Blanc sur Succès
4.6:1
AA
3 Typographies
Titres — Merriweather Bold
Découvrez le patrimoine local
Corps — Inter
Application gratuite de chasse au trésor géolocalisée en famille. Découvrez le patrimoine du lac d'Annecy, vidéos immersives et énigmes. Dès 5 ans. Tresorus transforme chaque promenade en aventure extraordinaire.
Chiffres / Stats — Space Mono
3 parcours · 24 checkpoints · 12 badges
Echelle typographique
| Niveau | Mobile | Desktop | Line-height | Usage |
|---|---|---|---|---|
| Display | 32px | 48px | 1.2 | Titres principaux, splash |
| H1 | 28px | 36px | 1.25 | Titres de page |
| H2 | 24px | 28px | 1.3 | Titres de section |
| H3 | 20px | 24px | 1.35 | Sous-titres |
| Body | 16px | 16px | 1.5 | Texte courant |
| Small | 14px | 14px | 1.5 | Métadonnées |
| Caption | 12px | 12px | 1.4 | Labels, hints |
Variables CSS
--font-inter: 'Inter', system-ui, sans-serif;
--font-merriweather: 'Merriweather', Georgia, serif;
--font-space-mono: 'Space Mono', monospace;
--font-merriweather: 'Merriweather', Georgia, serif;
--font-space-mono: 'Space Mono', monospace;
4 Composants UI
Bouton primaire — Style "Chunky UI"
Boutons 3D satisfaisants, adaptes aux enfants 5-10 ans. Survolez et cliquez pour tester.
Default
Hover
Pressed
Disabled
Carte
1080 x 720
Le Port Englouti
Doussard — 1h30 · 2.8 km
Espacement
xs · 4px
sm · 8px
md · 16px
lg · 24px
xl · 32px
xxl · 48px
Border radius
sm · 4px
md · 8px
lg · 12px
xl · 16px
full · pill
Touch targets minimaux
| Composant | Hauteur min | Touch target |
|---|---|---|
| Bouton primaire | 56px | 56 x 56px |
| Bouton secondaire | 48px | 48 x 48px |
| Bouton icone | 44px | 44 x 44px |
| Input | 48px | — |
| Tab bar item | 56px | 64 x 56px |
Animations
| Type | Durée | Easing | Usage |
|---|---|---|---|
| Rapide | 150ms | ease-out | Hover, focus, tap |
| Normal | 300ms | ease | Navigation, modales |
| Lent | 500ms | spring | Apparitions |
5 Iconographie & Illustrations
Icones
| Plateforme | Bibliotheque | Style |
|---|---|---|
| Mobile | Ionicons (@expo/vector-icons) | Outline par defaut, filled actif |
| Web | SVG inline custom | Trait 2px, coins arrondis |
Style des personnages
| Parametre | Specification |
|---|---|
| Esthétique | Pixar/Disney 3D stylisé |
| Proportions | Exagerees (grands yeux, expressions marquees) |
| Couleurs | Contrastives avec les environnements reels |
| Silhouette | Reconnaissable meme en petit format |
4 archetypes
Le Gardien
Le Fantome
Le Savant
L'Enfant
Cartographie
Tuiles : IGN Géoportail — cartes francaises souveraines
Zoom par defaut : 14 (min: 8, max: 18)
Centre par defaut : Lac d'Annecy (45.899, 6.129)
6 Templates réseaux sociaux
Tresorus
Nouvelle quête !
Découvrez le Port Englouti
Telecharger l'app
Instagram Post
1080 x 1080 px — ratio 1:1
Tresorus
Prêt pour l'aventure ?
Swipe up
Instagram Story
1080 x 1920 px — ratio 9:16
Tresorus
Chasse au trésor en famille
Gratuit · Des 5 ans · Lac d'Annecy
En savoir plus
Facebook / OG Image
1200 x 630 px — ratio 1.91:1
Règles de composition
RÈGLES
- Logo toujours visible (coin haut-gauche ou bas-droit)
- Zone de texte max 40% de la surface
- Merriweather pour les titres, Inter pour le corps
- Fond forest (#1B4332) ou cream (#F5F5DC)
ÉVITER
- Texte sur image sans overlay
- Plus de 3 couleurs par visuel
- Polices hors charte
- Logo trop petit ou tronque
Hashtags recommandés
#Tresorus
#ChasseAuTrésor
#PatrimoineLocal
#AventureEnFamille
#LacDAnnecy
7 Supports print
Conversions CMJN
| Couleur | Hex (ecran) | CMJN (approx.) |
|---|---|---|
| Forêt profond | #1B4332 | C:85 M:35 J:75 N:55 |
| Or trésor | #D4A373 | C:5 M:30 J:50 N:0 |
| Crème | #F5F5DC | C:3 M:2 J:12 N:0 |
| Sombre | #1F2937 | C:70 M:55 J:40 N:70 |
| Rubis | #9B2335 | C:20 M:90 J:70 N:15 |
Les valeurs CMJN sont des approximations. Toujours faire un BAT avant impression en serie.
Resolutions
| Usage | Resolution min | Notes |
|---|---|---|
| Impression standard | 300 dpi | Flyers, cartes de visite, affiches |
| Grand format (>A2) | 150 dpi | Baches, kakemonos |
| Ecran | 72 dpi | Web, app, réseaux sociaux |
Formats recommandés
| Support | Format | Marges | Fond perdu |
|---|---|---|---|
| Carte de visite | 85 x 55 mm | 3mm | 3mm |
| Flyer | A5 (148 x 210 mm) | 5mm | 3mm |
| Affiche | A3 (297 x 420 mm) | 10mm | 5mm |
| Kakemono | 80 x 200 cm | 20mm | 10mm |
Règles print
- Texte minimum : 8pt (corps), 6pt (légendes)
- Noir texte :
C:0 M:0 J:0 N:100(pas noir riche) - Images toujours en CMJN, jamais RGB
- Logo en vectoriel (SVG) pour le print quand possible
- Verifier l'uniformite des aplats (pas de banding)